<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head th:replace="common/header::common_head"></head>
<title>快速入门</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="../../bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="../../bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
     folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
<body class="hold-transition skin-blue sidebar-mini">
<div th:replace="common/LeftCommon::common_top_left"></div>
<div class="wrapper">
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            快速入门
            <small>QuickStart</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="/index"><i class="fa fa-dashboard"></i> 首页</a></li>
            <li><a href="#">系统设置</a></li>
            <li class="active">快速入门</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">

        <!-- row -->
        <div class="row">
            <div class="col-md-12">
                <!-- The time line -->
                <ul class="timeline">
                    <!-- timeline time label -->
                    <li class="time-label">
                  <span class="bg-red">
                    简单教程
                  </span>
                    </li>
                    <!-- /.timeline-label -->
                    <!-- timeline item -->
                    <li>
                        <i class="fa fa-envelope bg-blue"></i>

                        <div class="timeline-item">

                            <h3 class="timeline-header"><a href="#">商品初始化</a> 初次使用系统时，需先把商品信息录入。各商品属性可在系统中维护，其中颜色、尺码、分类属性为必需。请注意，已被使用的商品将无法删除。</h3>

                            <div class="timeline-body">
                                商品属性设置： <a href="/setting/color_management">设置颜色</a>&nbsp&nbsp&nbsp<a href="/setting/style_management">设置尺码</a>&nbsp&nbsp&nbsp<a href="/setting/commodity_category">设置分类</a>&nbsp&nbsp&nbsp<a href="/setting/brand_management">设置品牌</a>&nbsp&nbsp&nbsp<a href="/setting/material_management">设置材质</a>&nbsp&nbsp&nbsp<a href="/setting/style_management">设置款式</a>&nbsp&nbsp&nbsp<a href="/setting/season_management">设置季节</a> <br/>
                                商品信息录入： <a href="/setting/commodity_management">商品管理</a>
                            </div>
                            <div class="timeline-footer">
                                <a class="btn btn-primary btn-xs">帮助文档</a>
                                <a class="btn btn-danger btn-xs">教程</a>
                            </div>
                        </div>
                    </li>
                    <!-- END timeline item -->
                    <!-- timeline item -->
                    <li>
                        <i class="fa fa-envelope bg-blue"></i>

                        <div class="timeline-item">

                            <h3 class="timeline-header"><a href="#">库存初始化</a>
                                商品信息录入后，对商品库存数量进行盘点。</h3>

                            <div class="timeline-body">
                                <a href="/stock/management">仓库管理</a>&nbsp&nbsp&nbsp<a href="/stock/check_list">仓库盘点</a>
                            </div>
                            <div class="timeline-footer">
                                <a class="btn btn-primary btn-xs">帮助文档</a>
                                <a class="btn btn-danger btn-xs">教程</a>
                            </div>
                        </div>
                    </li>
                    <!-- END timeline item -->
                    <!-- timeline item -->
                    <li>
                        <i class="fa fa-envelope bg-blue"></i>

                        <div class="timeline-item">

                            <h3 class="timeline-header"><a href="#">供应商、客户初始化</a>
                                供应商信息、客户信息录入。请注意，已发生业务往来的供应商或客户将无法删除。</h3>

                            <div class="timeline-body">
                                <a href="#">供应商管理</a>&nbsp&nbsp&nbsp<a href="#">客户管理</a>
                            </div>
                            <div class="timeline-footer">
                                <a class="btn btn-primary btn-xs">帮助文档</a>
                                <a class="btn btn-danger btn-xs">教程</a>
                            </div>
                        </div>
                    </li>
                    <!-- timeline time label -->
                    <li>
                        <i class="fa fa-envelope bg-blue"></i>

                        <div class="timeline-item">

                            <h3 class="timeline-header"><a href="#">采购与销售</a>
                                商品、供应商、客户信息建立好后，即可进行采购或销售。请注意，已经采购或出售的采购单和销售单将无法删除。</h3>

                            <div class="timeline-body">
                                采购：  <a href="#">采购订单</a>&nbsp&nbsp&nbsp<a href="#">采购单</a>&nbsp&nbsp&nbsp<a href="#">采购退货单</a><br/>
                                销售：  <a href="#">销售订单</a>&nbsp&nbsp&nbsp<a href="#">销售单</a>&nbsp&nbsp&nbsp<a href="#">销售退货申请</a>&nbsp&nbsp&nbsp<a href="#">销售退货单</a>
                            </div>
                            <div class="timeline-footer">
                                <a class="btn btn-primary btn-xs">帮助文档</a>
                                <a class="btn btn-danger btn-xs">教程</a>
                            </div>
                        </div>
                    </li>
                    <!-- 分割 -->
                    <li>
                        <i class="fa fa-envelope bg-blue"></i>

                        <div class="timeline-item">

                            <h3 class="timeline-header"><a href="#">分析经营业绩</a>
                                查看业务往来流水，分析经营业绩。</h3>

                            <div class="timeline-body">
                                查看库存： <a href="/stock/query">库存查询</a>&nbsp&nbsp&nbsp<a href="/stock/account">采购单</a><br/>
                                查看账务： <a href="#">客户对账 </a>&nbsp&nbsp&nbsp<a href="#">供应商对账 </a><br/>
                                查看业绩： <a href="#">客户销量</a>&nbsp&nbsp&nbsp<a href="#">商品销量</a>&nbsp&nbsp&nbsp<a href="#">进销对比</a>&nbsp&nbsp&nbsp<a href="#">经营汇总</a>
                            </div>
                            <div class="timeline-footer">
                                <a class="btn btn-primary btn-xs">帮助文档</a>
                                <a class="btn btn-danger btn-xs">教程</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </section>
</div>
    <footer th:replace="common/footer::common_footer"></footer>
</div>

<script src="../../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Slimscroll -->
<script src="../../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../../bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
<!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Page Script -->
</body>
</html>